<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">同步列表</h1>
</div>
<div class="panel panel-default">

  <!--  按钮  -->
  <div class="panel-heading">
    <div class="row">
      <div class="col-sm-6  ">
        <button class="btn m-b-xs w-xs btn-success" ng-click="search()">搜索</button>
        <button class="btn m-b-xs w-xs btn-primary" ng-click="sync()">同步</button>
      </div>
    </div>
  </div>

  <!--  搜索框  -->
  <div class="row wrapper" >
    <div class="col-sm-6 m-b-xs">
      <div class="input-group" >
        <div class="input-group-btn" >
          <span class="btn btn-default">模块编码</span>
        </div>
        <ui-select ng-model="search.item" theme="bootstrap">
          <ui-select-match placeholder="选择">{{$select.selected.label}}</ui-select-match>
          <ui-select-choices repeat="item in sel | filter: $select.search">
            <span ng-bind-html="item.label"></span>
          </ui-select-choices>
        </ui-select>
      </div>
    </div>
  </div>

  <!--  数据表格  -->
  <table class="table table-striped table-bordered ng-isolate-scope dataTable no-footer" 
    style="display: table; width: 100%;table-layout:fixed;">
    <thead>
      <tr>
        <th style="width: 2%;text-align:center;">
          <label class="i-checks m-b-none">
            <input type="checkbox" ng-model="all" ng-click="setSelect()"><i></i>
          </label>
        </th>
        <th style="width: 12%;text-align:center;">接口标识</th>
        <th style="width: 4%;text-align:center;">接口名称</th>
        <th style="width: 2%;text-align:center;">状态</th>
        <th style="width: 7%;text-align:center;">描述</th>
        <th style="width: 3%;text-align:center;">操作</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="info in apiList">
        <td style="text-align:center;">
          <label class="i-checks m-b-none">
            <input type="checkbox" ng-model="info.check"><i></i>
          </label>
        </td>
        <td>{{info.id}}</td>
        <td style="text-align:center;">{{info.name}}</td>
        <td style="text-align:center;">{{info.statusCodeCN}}</td>
        <td>
          <div style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;">
            {{info.desc}}
          </div>
        </td>
        <td style="text-align:center;">
          <button class="{{info.btn}}" ng-click="sync(info)">同步</button>
        </td>
      </tr>
    </tbody>
  </table>
  
</div>
